/*
* @Author: Administrator
* @Date:   2017-01-13 11:34:26
* @Last Modified by:   Administrator
* @Last Modified time: 2017-01-17 09:45:21
*/
/* 精灵图的公共类 */
.jd-icons:before {
	content: '';
	background:  url(../image/icons/jd-sprites.png) 0 0 no-repeat;
	/* 这里不能用50%，因为bgz参照的是父盒子的宽高 */
	-webkit-background-size: 200px;
	background-size: 200px;
}
/* 水平垂直居中的公共类 */
.c-center,.cw-center:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
}
/* 水平居中公共类 */
.c-center-x,.cw-center-x:before {
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
}
/* 垂直居中公共类 */
.c-center-y,.cw-center-y:before {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
}
/* 顶部边框公共类 */ 
.top-line:before {
	content: '';
	width: 100%;
	height: 0;
	border-top: 1px solid #ccc;
	position: absolute;
	top: 0;
	left: 0;
}
/* 右边边框公共类 */
.right-line:before {
	content: '';
	width: 0;
	height: 100%;
	border-right: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 0;
}


/* 共同的头部区域 */
/* 头部开始 */
.cate-header {
	width: 100%;
	height: 45px;
	border-bottom: 1px solid #ccc;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-image: linear-gradient(to bottom,#FCFCFC,#F1F1F1);
	position: fixed;
	top: 0;
	z-index: 998;
}
.cate-header .left {
	width: 40px;
	height: 44px;
	position: relative;
}
.cate-header .left:before {
	width:13px ;
	height: 20px;
	background-position: -24px 0;
}
.cate-header .right {
	width: 42px;
	height: 44px;
	position: relative;
}
.cate-header .right:before {
	width:18px ;
	height: 19px;
	background-position: -61px 0;
}
.cate-header .center {
	height: 44px;
	margin: 0 42px 0 40px;
	padding-top: 7px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cate-header .center input[type="search"] {
	width: 100%;
	height: 32px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 5px;
	text-indent: 5px;
}
.mt45 {
	margin-top: 45px;
}

/* 公共的checkbox的类 */
.m-checked{
	width: 40px;
	height: 32px;
	position: relative;
} 
.m-checked:before{
	background-position: -180px -90px;
	width: 20px;
	height: 20px;
}
.m-checked.checked:before{
	background-position: -180px -70px;
}

.m-checked input[type="checkbox"]{
	width: 100%;
	height: 100%;
	opacity: 0.5;
}

/* 模态框 */
.pop-model {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	background-color: rgba(0,0,0,.5);
	display: none;
}
.pop-info {
	width: 80%;
	height: 170px;
	background-color: #fff;
	border-radius: 5px;
	padding:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.pop-txt {
	height: 100px;
	position: relative;
	font-size: 0;
	text-align: center;
}
.pop-txt p {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}
.h100 {
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.btn-wrap {
	height: 45px;
	border-top: 1px solid #ccc;
}
.btn-wrap button {
	width: 45%;
	height: 35px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 10px;
	background-color: #fff;
	color: #ccc;
}
.btn-wrap button.sure {
	background-color: #D8505C;
	color: #fff;
}